<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html>
<html
	class=" js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage no-websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients no-cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg no-smil svgclippaths">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
	content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
<meta name="author" content="Coderthemes">
<title>集客分享</title>

<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="css/core.css" rel="stylesheet" type="text/css">
<link href="css/components.css" rel="stylesheet" type="text/css">
<link href="css/icons.css" rel="stylesheet" type="text/css">
<link href="css/pages.css" rel="stylesheet" type="text/css">
<link href="css/responsive.css" rel="stylesheet" type="text/css">
<link href="css/jquery.circliful.css" rel="stylesheet" type="text/css">

<link href="css/sweetalert.css" rel="stylesheet" type="text/css">
<link href="css/css.css" rel="stylesheet" type="text/css">

</head>

<body class="fixed-left">

	<!--页面开始 -->
	<div id="wrapper">

		<!-- 页面头部开始 -->

		<!-- 页面头部结束 -->

		<!-- ============================================================== -->
		<!-- 右侧主体内容开始-->
		<!-- ============================================================== -->
		<div class="content-page m-20">
			<div>
				<div class="container-fluid">
					<div>
						<button class="pull-right btn btn-success btn-reedit">
							重新编辑<i class="fa fa-angle-double-right m-l-5"></i>
						</button>
						<h3>集客•发布给销售团队</h3>
						<hr>
					</div>

					<div class="row m-t-20">
						<div class="col-md-3" style="height: 890px;">
							<div class="int-iphone">
								<div class="receiver"></div>
								<div class="screen" id="preview-intwrap"></div>
								<div class="iphone-preview"></div>
							</div>
						</div>
						<div class="col-md-9">
							<div class="form-horizontal">
								<div class="form-group">
									<label class="col-md-2 control-label">采集页：</label>
									<div class="col-md-10">
										<h4>
											<b>${titles}</b>
										</h4>
									</div>
								</div>
								<div class="form-group">
									<label class="col-md-2 control-label" for="example-email">发布给：</label>
									<div class="col-md-10">

										<c:forEach items="${formTwoItem}" var="me" varStatus="status">
											<span>${me.user.useName}</span> ,
										</c:forEach>

										<button class="btn btn-success btn-reshare">
										html所有者<i class="fa fa-angle-double-right m-l-5"></i>
										</button>

									</div>
								</div>
								<div class="form-group">
									<label class="col-md-2 control-label">效果数据：</label>
									<div class="col-md-10">
										<c:forEach items="${formTwoItem}" var="me" varStatus="status">
											<c:if test="${status.index eq 0 }">
												<h4>
													浏览总量：<b>${me.form.forBrowse}</b><small
														class="m-l-10 f-s-10">浏览计数</small>
												</h4>
												<h4>
													<c:set var="salary" scope="session"
														value="${me.form.forGuest / fn:length(formTitle)}" />
													集客：<b>${havegive}/${yesgive}</b><small
														class="m-l-10 f-s-10">验证有效数据/总量</small>
												</h4>
												<h4>
													转化：<b>${me.form.forChange}%</b><small class="m-l-10 f-s-10">有效/浏览</small>
												</h4>
											</c:if>
										</c:forEach>
									</div>
								</div>

								<div class="form-group">
									<label class="col-md-2 control-label">专有链接：</label>
									<div class="col-md-10 ">
										<div class="bootstrap-table bg-white">
											<table class="table-bordered  table table-hover"
												data-toggle="table" data-show-pagination-switch="true"
												data-pagination="true" data-page-size="5"
												data-page-list="[5, 10, 20]" data-show-columns="false">
												<thead>
													<tr>
														<th class="bg-white" style="min-width: 80px;"><div
																class="th-inner ">姓名</div>
															<div class="fht-cell"></div></th>
														<th class="bg-white" style="min-width: 50px;"><div
																class="th-inner ">浏览</div>
															<div class="fht-cell"></div></th>
														<th class="bg-white" style="min-width: 50px;"><div
																class="th-inner ">集客</div>
															<div class="fht-cell"></div></th>
														<th class="bg-white" style="min-width: 50px;"><div
																class="th-inner ">转化</div>
															<div class="fht-cell"></div></th>
														<th class="bg-white"><div class="th-inner ">专属URL</div>
															<div class="fht-cell"></div></th>

													</tr>
												</thead>
												<tbody>


													<!-- <tr data-index="19">
												<td style="">王大川</td>
												<td style="">20</td>
												<td style="">8</td>
												<td style="">40%</td>
												<td style=""><a href="huokethreehtml5.html" target="_blank">huokethreehtml5.html</a></td>
												
											</tr> -->

													<c:forEach items="${formTwoItem}" var="me"
														varStatus="status">
														<tr data-index="10">
															<td style="">${me.user.useName}</td>
															<td style="">${me.fordetailsBrowse}</td>
															<td style="">${me.forGuset}</td>
															<td style="">${me.fordetailsChange}%&nbsp;</td>
															<td style=""><a href="huokethreehtml?forid=${me.fordetailsId}&uid=${me.user.useId}"
																target="_blank"><%-- ${me.fordetailsUrl} --%>huokethreehtml.html</a></td>
														</tr>
													</c:forEach>

												</tbody>
											</table>
										</div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-md-2 control-label">集客信息：</label>
									<div class="col-md-10">
										<div class="card-box">
											<a href="">
												<div class="inbox-widget">
												
													<c:forEach items="${formBottomItem}" var="me"
														varStatus="status">
														<c:if test="${status.index<5}">
															<div class="inbox-item" id="15">
																<p class="inbox-item-author m-b-10">${me.colDate}
																	${me.colLinkman} 否</p>
																<p class="inbox-item-date">${me.user.useName}&nbsp;${me.colDate}
																</p>
															</div>
														</c:if>
													</c:forEach>

												</div>
											</a>
											<div class="m-t-20">
												<span class="pull-right">最近5条【未处理】集客信息</span>
											</div>
										</div>
									</div>
								</div>



							</div>
						</div>
					</div>

				</div>

			</div>



		</div>

		<!-- ============================================================== -->
		<!-- 右侧主体内容结束 -->
		<!-- ============================================================== -->

	</div>
	<!-- 页面结束 -->





</body>
</html>